﻿<%@ Page Title="" Language="C#" MasterPageFile="~/huongnghiep/frontend.Master" AutoEventWireup="true" CodeBehind="detail.aspx.cs" Inherits="VQWEB.huongnghiep.profession.detail" %>
<asp:Content ID="Head" ContentPlaceHolderID="Head" runat="server"></asp:Content>
<asp:Content ID="Content" ContentPlaceHolderID="Content" runat="server">    
    <div class="col-lg-9 col-md-12 col-sm-12 col-xs-12 f-content-left">
        <!-- Thanh điều hướng -->
        <ol class="breadcrumb">
            <li><a href="/trang-chu.html">Trang chủ</a></li>
            <li><a href="/nhom-nganh.html">Lĩnh vực ngành nghề</a></li>
        </ol>
        <!--/ Thanh điều hướng -->
        <div class="row f-row">
            <div class="container ffff">
            <div class="col-lg-12 f-detail">
                <h4 class="text-center" id="plTitle"></h4>
                <hr>
                <!--CÁC TRUONG DAO TAO NGANH -->
                <div class="col-xs-12 col-sm-5 col-md-5 col-lg-5 pull-right f-col-6">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#dai-han" data-toggle="tab">Đào tạo dài hạn</a></li>
                    <li><a href="#ngan-han" data-toggle="tab">Đào tạo ngắn hạn</a></li>
                </ul>
                <div class="tab-content">
                    <!-- Content Dai hạn -->
                    <div class="tab-pane active f-tab-2" id="dai-han"></div>
                    <!--/ End Content dài hạn -->
                    <!-- Content Ngắn hạn -->
                    <div class="tab-pane f-tab-2" id="ngan-han"></div>
                    <!--/ End Content Ngắn hạn -->
                </div>
                </div>
                <!--/ CÁC TRUONG DAO TAO NGANH -->
                <div id="plContent">
                    <!--/ Content goes here -->
                </div>
            </div>
        </div> 
        </div>
    </div><!--/ Page content left -->
</asp:Content>
<asp:Content ID="Script" ContentPlaceHolderID="Script" runat="server">
    <script src="/js/jquery.jqote2.js" type="text/javascript"></script>
    <script>
        var url_ashx = "/pro/handler";
        
        $(function () {
            $("#auto").tooltip({
                placement: "auto",
                title: "tooltip on auto"
            });
        });

        $.post(url_ashx, { cmd: "viewChuyenNganh" }, function (data) {
            $.get('/huongnghiep/templates/profession/tabdaotao.tpl', function(tmpl) {
                var jsonData = $.parseJSON(data);

                $('#plTitle').text("Chuyên ngành: " + jsonData.Ten + " - Mã: " + jsonData.Ma);
                $('#plContent').html(jsonData.NoiDung);

                $("#dai-han").jqoteapp(tmpl, jsonData.DaiHan);
                $("#ngan-han").jqoteapp(tmpl, jsonData.NganHan);
            });
        });
    </script>
</asp:Content>